<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Pagina Grados </title>
	<link rel="stylesheet" type="text/css" href="../../css/smart_icons_styles.css">
  <link rel="stylesheet" type="text/css" href="css/smart_menu.css">
  <link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
  
<title>Insert title here</title>
</head>
<body ng-controller="gradoCtrl">
		<div class="col-md-10" id="frame">
		<div class="panel panel-primary ng-scope">
   
		    <div class="panel-heading">Configuración De Grado
		 	<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar(grado)" title = "Eliminar grados"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"   ng-click="limpiar(grado)" title= "Limpiar"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="consultar(grado)" title= "Consultar grado"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar(grado)" title= "Guardar grado"></span></a>
		  </div>
		  <div class="panel-body">
		   <input id="scgrado" type="text" class="texto" ng-model="grado.scgrado" style = "display:none;">
               
                <div class = "alert alert-danger alert-dismissable" id="messageBox">
                	<h4>{{titulo_mensajes}}</h4> {{descripcion_mensajes}}
                	<a href="#"><span class="imagen"><img src="../../imagene/bombilla-incandescente32.png"  ng-click="showModal()"></span></a>
				</div>
			<div class="col-md-10 panel panel-primary ng-scope"  style="height: 150px;">
			<table style="width:100%; vertical-align: middle;"">
				<tr style = "vertical-align: middle;">
					<td width="25%" height="100%">
						<label class="" >Institución*</label><br/>	
						<select class="seleccion" id="dsinstitucion" style="width:240px;" ng-model="grado.departamento">
						 <option value="Seleccionar">Seleccionar</option>
						</select>
					</td>	
					<td>
						<label class="" for="grado">Principal*</label><br/>	
						<input id="dsprincipal" type="text" style="width:240pxx;"  ng-model="grado.grado"class="texto">
					</td>
					<td>
						<label class="" for="grado">Sede*</label><br/>	
						<input id="dssede" type="text" style="width:240pxx;"  ng-model="grado.grado"class="texto">
					</td>
					<td>
						<label class="" >Sede*</label><br/>	
						<select class="seleccion" id="dssede" style="width:240px;" ng-model="grado.departamento">
						<option value="Seleccionar">Seleccionar</option>
						</select>
					</td>

				</tr>
			
				<tr>
					<td>
						<label class="" for="grado">Código*</label><br/>	
						<input id="dsgrado" type="text" style="width:240pxx;"  ng-model="grado.grado"class="texto">
					</td>
					<td>
						<label class="" for="grado">Descripción del grado*</label><br/>	
						<input id="dsgrado" type="text" style="width:240pxx;"  ng-model="grado.grado"class="texto">		
					</td>
			
				</tr>
			
			</table>
			</div>
			<div class="container">				
					<table class = "tabledatos">
							<thead>
								<tr>
								   
									<th style="width: 150px;" scope="col" >Institución*</th>
									<th style="width: 150px;" scope="col" >Principal</th>
									 <th style="width: 250px;" scope="col" >Sede</th>
									 <th style="width: 350px;" scope="col" >Sede</th>
									  <th style="width: 150px;" scope="col" >Código</th>
									 <th style="width: 150px;" scope="col" >Descripción del grado</th>
									 <th style="width: 150px;" scope="col" >Acción</th>
									
								</tr>
							</thead>
							<tbody class="tbody">
								<tr ng-show="gurpo.length == 0">
									<th colspan="5" style="text-align:center;">
										No se encontraron gurpo seleccionadas
									</th>
								</tr>
							
								<tr ng-repeat="d in gurpo | orderBy : 'dsgurpo'">

									    <td style = "display:none;">
										  {{d.scgurpo}}
										</td>
										<td style="width: 150px;">
										  {{d.dsinstitución}}
										</td>
										<td style="width: 150px;">
										  {{d.dsprincipal}}
										</td>
										<td style ="width: 250px;">
										  {{d.dssede}}
										</td>	
										<td style="width: 350px;">
										  {{d.dssede}}
										</td>
										 
										<td style="width: 150px;">
										  {{d.dscódigo}}
										</td>
										<td style="width: 350px;">
										  {{d.dsdescripción}}
										</td>		
										
										<td class="botonera-table" style="width: 50px;">
										<a href="#"><span class="img"><img src="../../imagene/verifique-signo24.png" style="float:center;" ng-click="seleccionar(d)" title ="Editar"></span></a>
										</td>						
								</tr>
							</tbody>
						</table>
						</div>
  
	</div> 
	</div>
</div>
</body>
</html>